<style>
    .contenedorTarjetas {
        width:950px;
        margin:0 auto;
        margin-bottom:20px;
    }
</style>
<?php

//Introducimos los datos del usuario a buscar en un array.
if ($_GET['edad1']=="") {
    $_GET['edad1'] = 0;
}

if ($_GET['edad2']=="") {
    $_GET['edad2'] = 1000;
}

$usuario = array(
    'edad1' => $_GET['edad1'],
    'edad2' => $_GET['edad2'],
    'idMunicipio' => $_GET['idMunicipio'],
    'idProvincia' => $_GET['idProvincia'],
    'nombre' => $_GET['nombre'],
    'apellidos' => $_GET['apellidos'],
    'rol' => $_GET['rol'],
    'plan' => $_GET['plan'],
);
 
//include '../logic/funcionesChachis.php';
            
if ($datos = buscarUsuario($usuario,$_SESSION['uid'])){
     ?>
<div class="contenedorTarjetas">
    <?php
        if(!isset($_GET['pagina'])) {
            $_GET['pagina'] = 1;
        }
        $resPorPagina=15;
        $resultados = paginar(count($datos), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

        $x = $resultados['i'];
        while ($x < $resultados['max']) { 
    ?>
        <div class="tarjeta" onClick="javascript:document.verPerfil<?php echo $x ?>.submit();" title="<?php
                if ($roles = obtenerRolesUsuario($datos[$x]['idUsuario'])) {
                    $y = 0;
                    $tipoProyectoAux = 0;
                    while ($y < count($roles)){
                        $tipoProyecto = $roles[$y]['idTipoProyecto'];
                        if (($y < count($roles)) && ($tipoProyecto == $tipoProyectoAux)) echo ', ';
                        if ($tipoProyecto != $tipoProyectoAux) {
                            if ($y != 0) echo ' | ';
                            echo $roles[$y]['descripcionTipoProyecto'].": ";
                            $tipoProyectoAux = $tipoProyecto;    
                        }
                        echo $roles[$y]['descripcionRol'];

                        $y++;
                    }
                } else {
                    echo 'No tiene asignados roles';
                }
            ?>">
            <div style="float:left;position:relative">
               <img class="thumb" src="../<?php echo $datos[$x]['foto'] ?>">
               <?php if (isset($datos[$x]['edad'])) { ?>
                    <div style="position:absolute;bottom:5px;right:10px;font-size:12px;color:white;text-align:center;font-weight:bold;text-shadow:1px 1px 2px black">
                        <?php echo $datos[$x]['edad']." años"; ?>
                    </div>
                <?php } ?>
            </div>

            <div style="float:left;text-align:center;font-weight:bold;margin-top:5px;width:100%;color:#5789ae">
                <?php 
                    if ($datos[$x]['nombreArtistico'] != "") {
                        echo $datos[$x]['nombreArtistico'];
                    } else { 
                        echo $datos[$x]['nombreUsuario']." ".$datos[$x]['apellidos'];
                    }
                ?>
            </div>
            
            <div style="float:left;text-align:left;padding:5px 0 0 10px;font-size:12px;width:95%;text-align:center">
                <?php echo $datos[$x]['nombreMunicipio']."<br><font style='color:gray;font-size:11px'>".$datos[$x]['nombreProvincia']."</font>" ?>                
            </div>

            <div style='position:absolute;bottom:10px;text-align:center;font-size:12px;width:90%;padding-top:10px;font-weight:bold'>  
                <?php if ($datos[$x]['valoracionMedia'] == 0 ) {?>
                     No existen opiniones
                <?php } elseif ($datos[$x]['cantidadValoraciones'] == 1) {
                         echo "Tiene ".$datos[$x]['cantidadValoraciones']." opinión";
                       } else {
                         echo "Tiene ".$datos[$x]['cantidadValoraciones']." opiniones";
                       }
                 ?>
             </div>
            <?php if ($datos[$x]['cantidadValoraciones'] > 0) { ?>
                <div class="puntuacion" style="background-color: <?php colorValoracion($datos[$x]['valoracionMedia']); ?>">
                    <?php echo $datos[$x]['valoracionMedia']; ?>
                </div>
            <?php } ?>
            <div style="width:100%;height:0px;">
                <form method="get" action="perfil.php" name="verPerfil<?php echo $x ?>">
                    <input type="hidden" name="uid" value="<?php echo $datos[$x]['idUsuario'] ?>">
                </form>
            </div>
            <?php if (sonContacto($_SESSION['uid'], $datos[$x]['idUsuario'])) { ?>
                <div class="aspa" style="" title="Estáis conectados">
                    <i class="glyphicon glyphicon-link"></i>
                </div>
            <?php } ?>
       </div>
    <style>
        .aspa {
            background-color:blue;
            color:white;
            border:2px solid white;
            border-radius:15px;
            width:27px;
            height:27px;
        }
        .aspa:hover {
            background-color:white;
            color:blue;
            border:2px solid blue;
        }
    </style>
    <?php $x++;
}?>
    
    <div style="clear:both"></div>
</div>
    <div style="width:100%;text-align:center">
        <?php if (count($datos) > $resPorPagina) { ?>
            <ul class="pagination">
                <?php if ($_GET['pagina'] == 1) { ?>
                    <li><a href="#">&laquo;</a></li>
                <?php } else { ?>
                    <li><a href="buscarUsuario.php?nombre=<?php echo $_GET['nombre'] ?>&apellidos=<?php echo $_GET['apellidos'] ?>&idProvincia=<?php echo $_GET['idProvincia'] ?>&idMunicipio=<?php echo $_GET['idMunicipio'] ?>&plan=<?php echo $_GET['plan'] ?>&rol=<?php echo $_GET['rol'] ?>&edad1=<?php echo $_GET['edad1'] ?>&edad2=<?php echo $_GET['edad2'] ?>&buscar=<?php echo $_GET['buscar'] ?>&pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                <?php }
                for ($in = 0 ; $in < (count($datos)/$resPorPagina) ; $in++) { ?>
                    <?php if ($in+1 == $_GET['pagina']) { ?>
                        <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                    <?php } else { ?>
                        <li><a href="buscarUsuario.php?nombre=<?php echo $_GET['nombre'] ?>&apellidos=<?php echo $_GET['apellidos'] ?>&idProvincia=<?php echo $_GET['idProvincia'] ?>&idMunicipio=<?php echo $_GET['idMunicipio'] ?>&plan=<?php echo $_GET['plan'] ?>&rol=<?php echo $_GET['rol'] ?>&edad1=<?php echo $_GET['edad1'] ?>&edad2=<?php echo $_GET['edad2'] ?>&buscar=<?php echo $_GET['buscar'] ?>&pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                    <?php } ?>
                <?php }?>
                        
                <?php if ($_GET['pagina'] >= (count($datos)/$resPorPagina)) { ?>
                    <li><a href="#">&raquo;</a></li>
                <?php } else { ?>
                    <li><a href="buscarUsuario.php?nombre=<?php echo $_GET['nombre'] ?>&apellidos=<?php echo $_GET['apellidos'] ?>&idProvincia=<?php echo $_GET['idProvincia'] ?>&idMunicipio=<?php echo $_GET['idMunicipio'] ?>&plan=<?php echo $_GET['plan'] ?>&rol=<?php echo $_GET['rol'] ?>&edad1=<?php echo $_GET['edad1'] ?>&edad2=<?php echo $_GET['edad2'] ?>&buscar=<?php echo $_GET['buscar'] ?>&pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                <?php } ?>
                
            </ul>
        <?php } ?>
    </div>
<?php }else { ?>
        <div style="padding:10px;text-align:center">
            No existen usuarios con esas características
        </div>
    <?php }